<div class="site-page-header-ghost-wrapper">
    <nz-page-header nzBackIcon [nzGhost]="false">
        <nz-page-header-title>文章管理</nz-page-header-title>
        <nz-page-header-subtitle>
            <input type="text" nz-input placeholder="输入主题开始创作" [(ngModel)]="title" />
        </nz-page-header-subtitle>
        <nz-page-header-extra>
            <button nz-button>保存草稿</button>
            <button nz-button nzType="primary" (click)="publish()">发布文章</button>
        </nz-page-header-extra>
        <!-- <nz-page-header-content>
            <nz-descriptions nzSize="small" [nzColumn]="3">
                <nz-descriptions-item nzTitle="主题" [nzSpan]="1">
                    <input type="text" nz-input placeholder="输入主题开始创作" [(ngModel)]="title" />
                </nz-descriptions-item>
                <nz-descriptions-item nzTitle="Remarks" [nzSpan]="2">
                    Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
                </nz-descriptions-item>
            </nz-descriptions>
        </nz-page-header-content> -->
    </nz-page-header>
</div>

<div id="md" appEditorMd [editormdConfig]="conf" (onEditorChange)="syncModel($event)">
    <textarea style="display: block;" [(ngModel)]="content"></textarea>
</div>

<nz-modal [(nzVisible)]="modalVisible" nzTitle="发布文章">
    <span>专辑</span>
    <select>
        <option>1</option>
    </select>

    <div *nzModalFooter>
        <button nz-button nzType="default" (click)="modalCancel()">取消</button>
        <button nz-button nzType="primary" (click)="modalSure()">确认</button>
    </div>
</nz-modal>